<!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset="UTF-8">
        <title>TODOLIST</title>
        
        <script src='./vue.js'></script>
        
    </head>
    <body>
        <div id="app">{{content}}</div>
        <script >
           // var dom=document.getElementById('app');
           // dom.innerHTML='Hello world!!'

           //创建 vue 实例，参数为配置项 
           var app =new Vue({

               //指定作用范围，接管id app 的控件
                
               el:'#app',
               data:{
                   content:'hello wold'
               }
           })
            //只需要改变数据就可以实现页面的变化
            setTimeout(function(){
            app.$data.content='my hello world'
            },2000)
        </script>
    </body>
</html>
